<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/html">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="XCloud XCloud.show-简约方便的在线存储网站,支持桌面(浏览器)、移动端(APP)随存随取"/>
    <meta name="keywords" content="XCloud,xcloud,网络存储,云存储,在线存储,网盘,云盘,文件服务,后端开发"/>
    <title>XCloud</title>
    <meta name="baidu-site-verification" content="code-fZL1jBRwLa"/>
    <link rel="shortcut icon" type="image/x-icon" href="/img/favicon.ico">
    <link type="text/css" rel="stylesheet" href="/css/index.css">
    <link type="text/css" rel="stylesheet" href="/css/login_regist_css.css">
    <link type="text/css" rel="stylesheet" href="/css/back.css">
    <link type="text/css" rel="stylesheet" href="/css/framework/toastr/toastr.min.css">
    <link type="text/css" rel="stylesheet" href="/css/toast.css">
    <script type="text/javascript" src="/js/jquery-2.1.4.min.js"></script>
    <script type="text/javascript" src="https://ssl.captcha.qq.com/TCaptcha.js"></script>
    <script type="text/javascript" src="/css/framework/toastr/toastr.min.js"></script>
    <script type="text/javascript" src="/js/md5.js"></script>
    <script type="text/javascript" src="/js/index.js"></script>
    <script type="text/javascript" src="/js/back.js"></script>
    <style>
        body {
            font-family: "微软雅黑";
        }
        * {
            box-sizing: border-box;
        }
        .point_move {
            padding-top: 10px;
            margin-top: -10px;
            color: black;
        }
        #foot_link a {
            color: black;
            text-decoration: none;
        }
        .text_middle {
            text-align:center;
            position:relative;
        }
        .text_middle div:before,
        .text_middle div:after {
            position:absolute;
            background:#ccc;
            content:"";
            height:1px;
            top:50%;
            width:90px;
        }
        .text_middle div:before{left:5px;}
        .text_middle div:after{right:5px;}
    </style>
</head>
<body>
<div class="bgimg">
    <div class="head">
        <a id="jump_home_a" href="/user/jump/home">
            <div class="logo">
                <img class='pic' src='/img/logo.png' style="height: 40px;">
            </div>
            <div class="logo02">
                <img class='pic' src='/img/logo2.png' style="height: 30px;">
            </div>
        </a>
        <!--<div class="nav02">
            <ul>
                <div class="regist">
                    <li>
                        <a id="open_login_form_a" href="javascript:void(0);" style="color: rgb(100, 100, 100);">登陆</a>
                    </li>
                </div>
            </ul>
        </div>-->
    </div>
    <div id="outerdiv" style="position:fixed;top:0;left:0;background:rgba(0,0,0,0.7);z-index:2;width:100%;height:100%;display:none;">
        <div id="innerdiv" style="position:absolute;">
            <img id="bigimg" src=""/></br>
        </div>
    </div>
    <img id="index_detail_img" src="/img/xcloud_front/index_detail02.png">
    <div id="foot_link" style="position: fixed;width:100%;height:20px;bottom: 0;line-height: 15px;">
        <!--<div id="foot_link">-->
        <span style="float:left;">
            <a href="javascript:void(0);" class="share_B point_move" style="margin-left: 8px;">意见反馈</a>&nbsp;
            <a class="point_move" id="copyright" href="javascript:void(0);">侵权</a>&nbsp;
            <a class="point_move" id="to_contact_me" href="javascript:void(0);">联系我</a>&nbsp;
            <a class="point_move" href="https://github.com/zhang-sexy" target="_blank">GitHub</a>&nbsp;
            <!--<a class="point_move" id="a_learn_notes" href="javascript:void(0);">学习笔记</a>&nbsp;-->
            <a href="javascript:void(0);" class="share_A point_move">获取App</a>&nbsp;
            <a href="javascript:void(0);" class="share_C point_move">快速开始</a>&nbsp;
            <a href="/admin/agreement" class="point_move">获取用户协议书</a>
        </span>
        <span style="float: right">
            <div class="slide-box" id="slideBox">
                <div class="slide-box-inner">
                    <div class="slide-content" id="slideContent">
                        <a href="javascript:void(0)" style="width: 200px;cursor: default;"></a>
                        <a id="toast_content" href="javascript:void(0)" class="box1" style="cursor: default;"></a>
                        <a href="javascript:void(0)" style="margin-left: 100px;cursor: default;"></a>
                        <a id="toast_content2" href="javascript:void(0)" class="box1" style="cursor: default;"></a>
                    </div>
                    <!-- 双胞胎兄弟 -->
                    <div class="slide-copy" id="slideCopy">
                    </div>
                </div>
            </div>
            <script type="text/javascript" src="/js/toast.js"></script>
        </span>
    </div>
    <div class="foot">
        <span style="color: black">
            <p>
                Copyright &copy;&nbsp;XCloud&nbsp;2021&nbsp;All Rights Reserved·<a href="https://beian.miit.gov.cn/" style="text-decoration: none">冀ICP备20013542号-3</a>
            </p>
        </span>
    </div>
    <button id="TencentCaptcha" data-appid="2046993474" data-cbfn="callback" type="button" style="display: none"></button>
    <form id="login_form" action="/user/login" class="box" method="post">
        <div style="height: 10px; margin-bottom: 30px">
            <span style="font-size: 18px; float: left; font-weight: 460; color: black">登陆</span>
            <!--<a id="close_login_form_a" href="javascript:void(0);" style="height: 5px;float: right;text-decoration: none;">
                ✕
            </a>-->
        </div>
        <input type="text" name="phone" placeholder="手机 / 邮箱" id="username"/>
        <input type="hidden" name="ticket" class="ticket"/>
        <input type="hidden" name="randstr" class="randstr"/>
        <input type="password" placeholder="密码" id="password"/>
        <input type="hidden" name="password" id="login_password_md5"/>
        <input type="button" value="登陆" id="login_form_submit_button_before">
        <input type="submit" value="登陆" id="login_form_submit_button" style="display: none;">
        <div style="height: 15px;margin-top: -5px">
            <label class="checkbox" style="float: left;margin-left: 5px;cursor: pointer">
                <input id="remember_pwd" type="checkbox" style="display: inline-block;vertical-align: middle;margin-bottom: 2px;"><span>&nbsp;记住我</span>
            </label>
        </div>
        <div class="text_middle" style="margin-top: 10px;">
            <div>
                快捷登录
            </div>
        </div>
        <div style="margin-top: 10px;height: 25px;">
            <a id="phone_code_login" href="javascript:void(0);" style="color: rgb(92,158,215);text-decoration:none;float: left;margin-top: 3px;margin-left: 5px">
                手机登陆
            </a>
            <a href="/account/qq/login" style="text-decoration:none;">
                <img src="/img/qq_login_one.png" style="height: 20px;">
            </a>
            <a id="go_email_code_code_a" href="javascript:void(0);" style="color: rgb(92,158,215);text-decoration:none;float: right;margin-top: 3px;margin-right: 5px">
                邮箱登陆
            </a>
        </div>
    </form>

    <form id="email_code_login_form" action="/user/login/email" class="box" method="post" style="display: none">
        <div style="height: 10px; margin-bottom: 30px;">
            <span style="font-size: 18px; float: left; font-weight: 460; color: black;">邮箱快捷登陆</span>
        </div>
        <div style="height: 10px;margin-top: -18px">
            <span style="float: left">验证即登录，未注册将自动创建XCloud帐号</span>
        </div>
        <input type="text" name="email" placeholder="邮箱" id="email"/>
        <input type="hidden" name="ticket" class="ticket"/>
        <input type="hidden" name="randstr" class="randstr"/>
        <table style="margin-top: -23px; margin-bottom: -23px">
            <tr>
                <td>
                    <input type="text" name="code" placeholder="验证码" id="code" style="width: 180px;margin-left: 3px;"/>
                </td>
                <td>
                    <input type="button" value="发送" id="send_code" style="width: 82px;margin-left: 5px;"/>
                </td>
            </tr>
        </table>
        <input id="email_code_login_form_button_before" type="button" value="登陆">
        <input id="email_code_login_form_button" type="submit" value="登陆" style="display: none">
        <div style="height: 15px;margin-top: -5px">
            <label class="checkbox" style="float: left;margin-left: 5px;cursor: pointer">
                <input id="remember_email" type="checkbox" style="display: inline-block;vertical-align: middle;margin-bottom: 2px;"><span>&nbsp;记住我</span>
            </label>
        </div>
        <div>
            <span style="display:block;text-align: center;margin: 0px;margin-top: 10px;">
                <a class="go_login_a" href="javascript:void(0);" style="color: rgb(92,158,215);text-decoration:none;">返回</a>
            </span>
        </div>
    </form>
    <form id="phone_code_login_form" action="/user/login/phone" class="box" method="post" style="display: none">
        <div style="height: 10px; margin-bottom: 30px">
            <span style="font-size: 18px; float: left; font-weight: 460; color: black">手机快捷登陆</span>
        </div>
        <div style="height: 10px;margin-top: -18px;">
            <span style="float: left">验证即登录，未注册将自动创建XCloud帐号</span>
        </div>
        <input type="text" name="phone" placeholder="手机" id="phone"/>
        <input type="hidden" name="ticket" class="ticket"/>
        <input type="hidden" name="randstr" class="randstr"/>
        <table style="margin-top: -23px; margin-bottom: -23px">
            <tr>
                <td>
                    <input type="text" name="code" placeholder="验证码" id="phone_code"
                           style="width: 180px;margin-left: 3px;"/>
                </td>
                <td>
                    <input type="button" value="发送" id="send_code_phone"
                           style="width: 82px;margin-left: 5px;"/>
                </td>
            </tr>
        </table>
        <input id="phone_code_login_form_button_before" type="button" value="登陆">
        <input id="phone_code_login_form_button" type="submit" value="登陆" style="display: none">
        <div style="height: 15px;margin-top: -5px">
            <label class="checkbox" style="float: left;margin-left: 5px;cursor: pointer">
                <input id="remember_phone" type="checkbox" style="display: inline-block;vertical-align: middle;margin-bottom: 2px;"><span>&nbsp;记住我</span>
            </label>
        </div>
        <div>
            <span style="display:block;text-align: center;margin: 0px;margin-top: 10px;">
                <a class="go_login_a" href="javascript:void(0);" style="color: rgb(92,158,215);text-decoration:none;">返回</a>
            </span>
        </div>
    </form>
</div>
</body>
</html>